<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <link rel="icon" href="./images/favicon.ico">
    <title>锤子商城 - 坚果手机、坚果 R2 手机、Smartisan TNT go 扩展本</title>
    <link rel="stylesheet" href="./css/fuqian.css">
    <script src="./js/tijiaoshouhou.js"></script>
    <link rel="stylesheet" href="./css/iconfont.css">
<link rel="stylesheet" href="./css/shop.css">
<link rel="stylesheet" href="./css/tijiaoshouhou.css">
</head>
<body>
    <div class="ctn">
        <!-- 导航条 -->
        <nav class="navbar-inverse">
            <!-- 锤子logo -->
            <div class="logo"><img src="./images/logo.png" alt=""></div>
            <!-- 导航选项 -->
            <div class="navbar-container">
                <ul class="navbar-words">
                    <li><a href="shop.html">在线商城</a></li>
                    <li><a href="./r2.html">坚果R2</a></li>
                    <li><a href="./smartisan.html">Smartisan TNT go</a></li>
                    <li><a href="./gongzuozhan.html">坚果TNT工作站</a></li>
                    <li><a href="javascript:void(0);">Smartisan OS</a></li>
                    <li><a href="javascript:void(0);">欢喜云</a></li>
                    <li><a href="javascript:void(0);">论坛</a> </li>
                    <li><a href="javascript:void(0);">开发者支持</a></li>
                    <li><a href="javascript:void(0);">荣誉与奖项</a></li>
                </ul>
            </div>
            <!-- 登录，购物车 -->
            <div class="login"><a href="./login.html"></a></div>
            <div class="shopcart"><a href=""></a></div>
        </nav>
        <!-- title,搜索框 -->
        <div class="main-title">
            <div class="title-container">
                <ul class="title-item">
                    <li class="pull-down">
                        <a href="./shop.html">首页</a>
                        <!-- 下拉选项框 -->
                        <div>
                            <div id="pull-downcontainer">
                                <ul>
                                    <li>手机</li>
                                    <li><img src="./images/shouji01.webp" alt=""><span>手机</span></li>
                                </ul>
                                <ul>
                                    <li>官方配件</li>
                                    <li><img src="./images/shouji02.webp" alt=""><span>蓝牙耳机</span></li>
                                    <li><img src="./images/shouji03.webp" alt=""><span>数据线</span></li>
                                    <li><img src="./images/shouji04.webp" alt=""><span>充电器</span></li>
                                    <li><img src="./images/shouji05.webp" alt=""><span>移动电源</span></li>
                                    <li><img src="./images/shouji06.webp" alt=""><span>拍照配件</span></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="pull-down">
                        <a href="./categoryr2.html">坚果手机</a>
                        <!-- 下拉选项框 -->
                        <div></div>
                    </li>
                    <li class="pull-down">
                        <a href="./categoryr3.html">TNT</a>
                        <!-- 下拉选项框 -->
                        <div></div>
                    </li>
                    <li class="pull-down">
                        <a href="./categoryr4.html">官方自营</a>
                        <!-- 下拉选项框 -->
                        <div></div>
                    </li>
                    <li class="pull-down" id="last-one">
                        <a href="javascript:void(0);">服务</a>
                        <!-- 下拉选项框 -->
                        <div>
                            <ul class="pull-service">
                                <li><img src="./images/fuwu01.png" alt=""><span>保修服务</span></li>
                                <li><img src="./images/fuwu02.png" alt=""><span>在线客服</span></li>
                                <li><img src="./images/fuwu03.png" alt=""><span>服务政策</span></li>
                                <li><a href="./tijiaoshouhou.html"><img src="./images/fuwu04.png" alt=""></a><span>发起售后</span></li>
                                <li><img src="./images/fuwu05.png" alt=""><span>维修门店</span></li>
                                <li><img src="./images/fuwu06.png" alt=""><span>自助服务</span></li>
                            </ul>
                        </div>
                    </li>
                </ul>
                <!-- 搜索框 -->
                <div class="search-input">
                    <div><img src="./images/magnifier.png" alt=""></div>
                    <input type="text">
                    <a href="#" class="R2">坚果 R2</a>
                    <a href="#" class="TNT">TNT</a>
                </div>
                <div class='searchactive'>
                    <a href="./login.html"><img src="./images/login01.png"></a>
                    <a href=""><img src="./images/shopcart01.png"></a>
                </div>
            </div>
        </div>
        </div>
        <div class="imei-wrapper">
            <div class="dialog">
                <div class="title">
                <h4>选择发起售后方式</h4>
                </div>
                <div class="dialog-box-content">
                    <section>
                        <div class="box1-1"></div>
                        <div class="content-text">
                            <h6>快速通道</h6>
                            <div>
                                锤子商城购买的产品
                                <br>
                                支持通过订单快递发起售后
                            </div>
                            <a href="">前往订单中心
                                <i></i>
                            </a>
                        </div>
                    </section>
                    <section class="content-box">
                        <div class="box1-2"></div>
                        <div class="box1-3">
                            <h6>自助发起售后</h6>
                            <div>
                                其他渠道购买的产品唯一识别和购买凭证申请售后
                            </div>
                            <a href="">发起售后
                                <i></i>
                            </a>
                        </div>
                    </section>
                </div>
            </div>
        </div>
        <div class="footer">
            <div>
                <div class="footer-menu">
                    <ul>
                        <li>
                            <h3>订单服务<h3>
                                    <div>
                                        <a href="">购买指南</a>
                                        <a href="">送货政策</a>
                                    </div>
                        </li>
                        <li>
                            <h3>服务支持<h3>
                                    <div>
                                        <a href="">自主服务</a>
                                        <a href="">维修门店</a>
                                    </div>
                        </li>
                        <li>
                            <h3>媒体中心<h3>
                                    <div>
                                        <a href="">新闻动态</a>
                                        <a href="">官方视频</a>
                                        <a href="">图片资源</a>
                                    </div>
                        </li>
                        <li>
                            <h3>关注我们<h3>
                                    <div>
                                        <a href="">新浪微博</a>
                                        <a href="">官方微信</a>
                                        <a href="">荣誉奖项</a>
                                    </div>
                        </li>
                    </ul>
                </div>
                <div class="footer-info">
                    <ul>
                        <li>Copyright © 2020 smartisan.com 版权所有</li>
                        <li><a href="">锤子商城隐私政策</a></li>
                        <li><a href="">锤子商城用户协议</a></li>
                        <li><a href="">资质证照</a></li>
                    </ul>
                    <ul>
                        <li><a href="">京 ICP 备 19048576 号 - 1</a></li>
                        <li><a href="">京公网安备 11010802033469号</a></li>
                        <li><a href="">京食药网食备 202010031</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</body>

</html>
